<template>
  <div>
    <el-card>
      <!-- 卡片顶部button -->
      <!-- <el-button type="primary" size="default" @click="addTradmark" icon="Plus"
        >添加品牌</el-button
      > -->
      <AddTradmerk></AddTradmerk>
      <!-- 表格组件 -->
      <!-- table属性：
         1. --border 设置表格纵向是否有边框
            table-column属性：
            --label:某一列
            --width:列宽
            --align:是否剧中
        -->
      <Table></Table>
      <!-- 分页器组件
          1.v-model:current-page:设置分页器当前页码
          2.v-model:page-size:设置每页显示数据
          3.page-sizes:每页显示个数选择器的选项设置
          4.size:分页器大小（large,default,small）
          5.disabled:
          6.background:设置分页器的背景颜色
          7.layout:设置分页器6个子组件的位置
      -->
      <Pagination></Pagination>
    </el-card>
    <!-- 对话框组件 -->
    <!-- 1.v-model:控制显示和隐藏
          2. -->
    <Dialog></Dialog>
  </div>
</template>

<script setup lang="ts">
import AddTradmerk from "../trademark/addTrademark/index.vue";
import Table from "../trademark/table/index.vue";
import Pagination from "../trademark/pagination/index.vue";
import Dialog from "../trademark/dialog/index.vue";
import { onMounted } from "vue";
import { getHasTrademark } from "./index";
onMounted(() => {
  getHasTrademark();
});
</script>
<style scoped></style>

<style></style>
